/*
	Developer: Muhsin Aslan
	Twitter: @aktimur_

	Doctype: HTML5
	IDE: Sublime Text3, Photoshop, Google Fonts
*/
html,
body {height: 100%;/* overflow: auto; */}

body {font-family: 'Poppins', sans-serif !important;background: #fff;}

.center { width: 1170px; margin:0 auto; }

#container {width: 100%;height: 100%;display: block;position: relative;z-index: 55;overflow-x: hidden;overflow-y:  auto;}

.headerRepeat {content: '';height: 150px;position: absolute;left: 0;top: 30px;z-index: 5;background: #dcdcdc;}
.headerRepeatRight {content: '';height: 150px;position: absolute;right: 0;top: 30px;z-index: 5;background: #ed1c24;}
.shortcutRepeat {content: ''; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url('../img/black.png') repeat;}

#slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1}
#slider .swiper-container {height: 100%; width: 100%; display: block; position: relative;}
#slider .swiper-slide {height: 100%; width: 100%; display: block; position: relative;}
#slider .swiper-slide:before {content: ''; width: 100%; height: 200px; position: absolute; left: 0; top: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);}
#slider .swiper-slide:after {content: ''; width: 100%; height: 300px; position: absolute; left: 0; bottom: 0; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);}
#slider span {width: 100%; height: 100%; display: block; background-position: center center; background-size: cover;}
#slider .caption {position: absolute;bottom: 110px; left: 150px; z-index: 55}
#slider .caption:after {content: '';position: absolute;left: 1px;top: -15px;background:  #fff;width: 50px;height: 4px;display:  block;}
#slider .caption h2 {display: block;color: #fff;font-size: 35px;font-weight: 700;margin: 0;padding: 0;line-height: 1.1;}

#main {max-width: 1170px;width: 100%;min-height: 100%;height: 100%;margin:0 auto;position: relative;/* z-index: 3; *//* overflow: hidden; */}

#header {width: 100%;height: 150px;float: left;margin-top: 30px;position: relative;z-index: 1004;}
#header .logo {width: 374px;height: 150px;float: left;background: url('../img/logo.png') no-repeat;position: relative;z-index: 99999;}
#header .logo a {display: block; width: 100%; height: 100%;}

#header .menu {float: right;}
#header .menu ul {margin: 0;padding: 0 40px;list-style: none;margin-top: 65px;float: left;}
#header .menu ul li {float: left;height: 20px;border-right: 1px solid #fff;padding: 0 10px;position: relative;}
#header .menu ul li a {line-height: 20px;text-decoration: none;color: #fafafa;font-size: 15px;font-weight: 600;display:  block;}
#header .menu ul li:hover a {color: #e6e6e6;}
#header .menu span {position: absolute;right: 10px;bottom: 55px;}
#header .menu span i {font-size: 27px;display:  block;color: #fafafa;cursor: pointer;}
#header .menu span.black i {/* color: #3b3b3b; */}

#header .menu ul li:hover .subMenu { display: block; }

#header .menu .subMenu {width: 256px;position: absolute;left: 0;top: 17px;padding: 18px 0 0 0;margin: 0; display: none; }

#header .menu .subMenu:after{content: '';position:absolute;left: 19px;top: 11px;border-style: solid;z-index: -1;border-width: 0 8px 8px 8px;border-color: transparent transparent #fefefe transparent;}

#header .menu .subMenu li {display: block;padding: 0;height: 40px;border: none;width: 100%;background: #fefefe;}
#header .menu .subMenu li:hover a {background: #f3f3f3;}
#header .menu .subMenu li a {display: block;line-height: 40px;color: #3b3b3b !important;padding-left:  20px;font-size: 14px;border: 0 !important;}

#shortcuts {width: 31px;max-height: 100%;height: 100%;display: block;background: url('../img/shortcuts.png') repeat-y;padding: 0 30px;position: relative;}
#shortcuts:before {display: block;content: '';width: 160px;height: 100%;position:  absolute;right: 0;background: url('../img/golge.png') no-repeat;z-index: 2;}
#shortcuts ul {width: 30px;margin: 30px 0 0 0;padding: 0;list-style: none;float: left;position: relative;z-index: 99999;}
#shortcuts ul li {width: 100%; padding: 15px 0; border-bottom: 1px solid #9b9b9b; text-align: center;}
#shortcuts ul li:last-child {border:0;}
#shortcuts ul li a.home {width: 20px; height: 20px; background-position: 0 0;}
#shortcuts ul li a.link {width: 24px; height: 24px; background-position: 0 -20px;}
#shortcuts ul li a.mail {width: 20px; height: 20px; background-position: 0 -44px;}
#shortcuts ul li a.pdf {width: 20px;height: 22px;background-position: 0 -65px;}
#shortcuts ul li .phone {width: 20px;height: 174px;display: inline-block;background: url('../img/phone.png') no-repeat;}
#shortcuts ul li a {background: url('../img/sprite_shortcuts.png') no-repeat; display: inline-block;}

#footer {max-width: 100%;width: 100%;height: 60px;float: left;background: #fff;z-index: 4;overflow: hidden;display: block;}
#footer .copyright { float: left; font-size: 13px; color: #737373;max-width: 630px;height: 100%;padding: 10px 0; }
#footer .inviva a {width: 220px;height: 16px;color: #636363;font-size: 14px;float: right;font-weight: 500;text-decoration: none;margin-top: 20px;}
#footer .inviva a:hover {text-decoration:underline;}

.sidebar {width: 500px;max-height: 100%;background: #383838;visibility: hidden;}
.sidebar div {display: block;width: 100%;height: 100%;display:  table;vertical-align: middle;}
.sidebar div ul {display: table-cell;vertical-align: middle;width: 100%;padding: 0 70px 0 90px;}
.sidebar div ul li {display: block;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}
.sidebar div ul li:hover {background: #484848;}
.sidebar div ul li:last-child {border:0; box-shadow: none;}
.sidebar div ul li a {display: block;color: #c3c3c3;text-align: center;text-decoration:  none;}
.sidebar div ul li a img {vertical-align: middle;}
.sidebar .exit {display: block;color: #fff;background: rgba(255, 255, 255, 0.15);width: 45px;height: 45px;border-radius: 50%;line-height: 45px;text-align: center;font-size: 25px;position: absolute;right: 20px;top: 20px;}
.sidebar .exit:hover {background: rgba(255, 255, 255, 0);cursor: pointer;}
.dacPageList{width: 100%;display:flex;flex-wrap:wrap;}
.dacPageList a{display: flex;flex: 0 0 28%;width: 100%;height: 325px;margin: 10px;border: 1px dashed #ed1c24;padding: 10px;background: #fff;}
.dacPageList a img{width: 100%;height: 100%;object-fit: contain;}

@media only screen and (max-width: 1170px) {
	.menu ul { display: none; }
	#header .menu span { right: 60px }
}

#shortcuts .image {display: block;height: 100%;background: url('../img/detail.jpg') no-repeat;position: absolute;right: 0;top: 0;background-size: cover;z-index: 1;width: 600px;}
#contentBg {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background: linear-gradient(to bottom, rgb(224, 224, 224) 0%,rgb(245, 245, 245) 25%,rgba(255,255,255,1) 60%);}

.dty #shortcuts {background: none; float: left;}
.dty #header {background: #ed1c24;}
.dty #header .menu ul {display: none;}
.dty #footer {border-top:1px solid #e5e5e5;}

#content {width: 1000px;min-height: 100%;display: block;position: relative;z-index: 9999;float: left;padding: 55px 0 0 75px;margin-bottom: 100px;}
#content .title {display: block;position:  absolute;top: -150px;left: 323px;z-index: -1;line-height: 150px;/* padding-left: 200px; */}
#content .title h2 {display: block;margin: 0;padding: 0;color: #fafafa;font-weight: 400;}
#content .title h2 strong {}
#content .text {display: block;height: auto;margin-top: 20px;}
#content .text h2 {display: block;font-weight: 400;font-size: 30px;}
#content .text p {display: block;font-size: 18px;margin-bottom: 30px;}
#content .btnBack {color: #000;text-decoration: none;}
#content .btnBack i {margin-right: 10px;}

#content .list {display: block;float: left;width: 100%;height: auto;margin-bottom: 100px;}
#content .list ul {display: block;margin: 0;padding: 0;list-style: none;}
#content .list ul li {display: block;width: 490px;float: left;/* border: 1px solid #ddd; */margin-bottom:  20px;margin-right: 20px;}
#content .list ul li:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);}
#content .list ul li:nth-child(2n) {margin-right:  0;}
#content .list ul li a {display: block;width: 100%;height: 100%;text-decoration:  none;}
#content .list ul li .subImage {display: block;float: left;width: 100%;border: 1px solid #f7f7f7;border-bottom:  0;overflow: hidden;background: #ffffff;height: 210px;display: flex;flex-direction: column;padding: 50px 0;}
#content .list ul li .subImage img {display: inline;max-width: 75%;max-height: 200px;margin: 0 auto;}
#content .list ul li .subTitle {display: block;width: 100%;height: 50px;float: left;background: #f7f7f7;}
#content .list ul li .subTitle h1 {display: block;margin: 0;padding: 0 0 0 20px;font-size: 17px;line-height: 50px;color: #3b3b3b;}

.cf::after {content: "";clear: both;display: table;}

#content .text .image {display: block;background: #ffffff;padding: 80px 20px;margin-bottom: 40px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);}
#content .text .image img {display: inline;max-width: 40%;}
#content .text .description p {display: inline-block;margin: 0 0 20px 0;padding: 0;width: 100%;}
#content .fotorama { max-width: 100%; }

#content .description .block {width: 100%; overflow: hidden;}
#content .description .block .titl {padding: 12px 10px;background: #ed1c24;color: #fafafa;font-size: 17px;font-weight: 700;text-align: center;width: 100%;}


.productsTable table td {padding: 10px;border: 0;}

@media only screen and (max-width: 1165px) {

	#slider .caption {display: none;}
    
	#shortcuts {display: none;}
	#content { padding: 20px; width: auto; }
	#content .title {left: 0; top: 0; position: relative; line-height: 40px; margin: 20px 0 30px 0; padding-left: 0;}
	#content .list ul li {width: 100%; min-width: 350px;}

	.block {width: 100% !important;}
	.block .titl { width: 100% !important; }

	.description { overflow: hidden; }
}

.adres { width: 40%; float: left; }
.form { width: 520px; float: right; }
.harita { width: 100%;height: 450px; float: left; }

table {width: 100% !important;display: block;margin-bottom: 20px;border:0 !important;}
table tbody { width: 100%; display: block;}
table tr {width: 100%; display: block; border-bottom: 1px solid #ddd;}
table tr:last-child {border:none;}
table tr td {width: 300px; padding: 10px; display:table-cell;}
table tr td:first-child { font-weight: 700}
table tr td:last-child {border:none;}
@media only screen and (max-width: 768px) {
	.dacPageList a{flex: 1 0 28%;height: 250px;}
}
@media only screen and (max-width: 500px) {
	#header {margin-top: 75px;}
	#header .menu span {right: 45%;top:-55px;}
	#header .logo { width: 100%; background-position: center; }
}
@media only screen and (max-width: 480px) {
	.dacPageList a{flex: 1 0 28%;height: 150px;}
}